<button (click)="pollingOperation()">点击进行弹窗展示进度条</button>
<h1> 模拟查询进度条 </h1>
<div class="explain">
    <h3>功能介绍：</h3>
    <p>
        点击按钮弹窗查看进度条，弹窗标题可配置，进度条为100前不可以关闭页面弹窗遮罩。
    </p>
    <h3>注释说明：</h3>
    这里使用定时器模拟真实开发中的轮询查询接口，cur为接口返回的进度信息。<br>
    如果进度为100时清除定时器并进行提示操作完成， 进度没到执行弹窗逻辑。<br>
    弹窗逻辑分为创建和更新，如果之前存在就更新否则为创建。<br>
    <b>创建：</b><br>
    禁用右上角关闭（ nzClosable: false），未到100时禁用确定（nzOkDisabled: !isComplete），
    弹窗显示进度条（nzContent: ModalProgressContentComponent），传递值（nzComponentParams），
    完成100后的点击确定重置弹窗并清理定时器。<br>
    <b>更新：</b><br>
    官网中对 nzComponentParams 属性有这样一段说明：
    nzComponentParams 属性的创建或修改不会触发 nzContent 组件的 ngOnChanges 生命周期钩子。
    因此利用updateConfig对nzComponentParams属性进行更新的方法是不可行的。官网给出了另外一种方法：
    通过getContentComponent函数获取子组件的instance实例，直接修改实例上的属性。<br>
    instance ? (instance.percent = value) : null 是对进度条数据更新的代码。然后使用updateConfig更新
    确定按钮的配置。
</div>
